/* css reset start */

html,
body,
div,
span,
h1,
h2,
h3,
p,
a,
em,
img,
strong,
ul,
ol,
li,
form,
input,
label,
textarea,
footer,
header,
nav { box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; border: none; }

footer,
nav,
header { display: block; }

html { font-size: 62.5%; }

body { font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 1; background: #f0f0f6; }


/* div如果要设置100%， 必须把 html，body设置100%， 这样div才能继承 start */

html,
body { height: 100%; }


/* div如果要设置100%， 必须把 html，body设置100%， 这样div才能继承 end */

:focus { outline: none; }

em { font-style: normal; }

a { text-decoration: none; }

a,
input,
span,
textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input,
select,
textarea { outline: none; }

textarea { resize: none; }

img { display: block; max-width: 100%; }

a,
input[type='submit'],
input[type='image'],
label[for],
select,
button { cursor: pointer; }

::-webkit-inner-spin-button { -webkit-appearance: none; /* type number 上下小箭头按钮 */}


/* 清除 checkbox 默认显示图标 */


/*input[type="checkbox"] { -webkit-appearance: none; background: #ccc; }*/


/* 选中的状态 */


/*input[type="checkbox"]:checked { background: red; }*/

ul,
ol { list-style: none; }

.fix:after { display: table; clear: both; content: ''; }


/* css reset end */


/* global style */

.hidden { display: none; }


/* common start */

.focus { position: relative; overflow: hidden; height: 151px; border-bottom: 5px solid #f0f0f6; }

.focus .focusUl li { float: left; width: 100%; height: 146px; }

.focus .focusUl a { display: block; }

.focus .focusUl img { width: 100%; height: 146px; }

.focus .focusOl { position: absolute; z-index: 2; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.focus .focusOl li { float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: #fff; }

.focus .focusOl li.active { background: #5bdf4e; }

.focus2 { height: 146px; border-bottom: none; }

.focus2 .focusUl { height: 146px; }

.focus2 .focusUl li { height: 146px; }

.focus2 .focusUl img { height: 146px; }

.focus3 { height: 300px; border-bottom: none; }

.focus3 .focusUl { height: 300px; }

.focus3 .focusUl li { height: 300px; }

.focus3 .focusUl img { height: 300px; }

.focus4 { height: 360px; border-bottom: none; }

.focus4 .focusUl { height: 360px; }

.focus4 .focusUl li { height: 360px; }

.focus4 .focusUl img { height: 360px; }

.alert-bg { position: fixed; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }


/* common end */


/* login start */

.logo { padding: 20px 0; }

.logo .img { width: 117px; height: 107px; margin: 0 auto; }

.login-form { height: 100%; padding: 0 38px; }

.login-form .wrap { width: 100%; }

.login-form .number,
.login-form .password { font-size: 1.6rem; line-height: 20px; width: 100%; height: 41px; padding: 10px 0; color: #9b9b9b; border-bottom: 1px solid #e5e5e5; }

.login-form .error { font-size: 1.4rem; line-height: 50px; float: left; height: 50px; color: #ff3737; }

.login-form .forget-password { font-size: 1.4rem; line-height: 50px; float: right; height: 50px; color: #9b9b9b; }

.login-form .submit,
.login-form .click-register { font-size: 1.6rem; width: 100%; text-align: center; border-radius: 5px; }

.login-form .submit { line-height: 50px; height: 50px; margin-bottom: 20px; color: #fff; background: #5bdf4e; }

.login-form .wrap:last-child .submit { display: block; margin-top: 20px; }

.login-form .submit { line-height: 50px; height: 50px; margin-bottom: 20px; color: #fff; background: #5bdf4e; }

.login-form .click-register { line-height: 48px; display: block; height: 50px; color: #5bdf4e; border: 1px solid #5bdf4e; }

.login-form .wechat-sina { width: 100%; margin-top: 20px; }

.login-form .wechat-sina .li { line-height: 48px; float: left; width: 47%; height: 50px; margin-right: 6%; border: 1px solid #e5e5e5; border-radius: 5px; }

.login-form .wechat-sina .li:last-child { margin-right: 0; }

.login-form .wechat-sina .li .a { font-size: 1.6rem; display: block; color: #9b9b9b; }

.login-form .wechat-sina .li .img { float: left; width: 34px; height: 34px; margin-top: 7px; margin-left: 10px; }

.login-form .wechat-sina .li .text { float: right; margin-right: 10px; }


/* login end */


/* index start */

.nav { height: 79px; padding: 8px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.nav .nav-li { float: left; width: 33.33%; border-right: 1px solid #e5e5e5; }

.nav .nav-li:last-child { border-right: none; }

.nav .nav-li .a { display: block; text-align: center; }

.nav .nav-li .text { font-size: 1.3rem; margin-top: 5px; color: #9b9b9b; }

.nav .nav-li .img { width: 45px; height: 45px; margin: 0 auto; border-radius: 50%; }

.nav .nav-li .title { font-size: 1.4rem; line-height: 40px; height: 40px; color: #9b9b9b; }

.nav .nav-li .number { font-size: 1.4rem; margin-bottom: 10px; color: #000; }

.goods-pingdan-list { width: 100%; padding: 13px 10px 11px 10px; }

.goods-pingdan-list .li { margin-bottom: 12px; background: #fff; }

.goods-pingdan-list .li .img { width: 100%; height: 158px; }

.goods-pingdan-list .li .title { font-size: 1.6rem; font-weight: bold; line-height: 34px; overflow: hidden; width: 100%; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; color: #000; }

.goods-pingdan-list .li .goods-info { font-size: 1.2rem; line-height: 16px; padding: 3px 10px 10px 7px; color: #9b9b9b; }

.goods-pingdan-list .li .bottom { height: 52px; }

.goods-pingdan-list .li .bottom .left { float: left; width: 66.67%; height: 52px; background: #3e3e3e url(../imgs/goods_ping_bottom_left.png) 9px 5px no-repeat; -webkit-background-size: 43px 43px; background-size: 43px 43px; }

.goods-pingdan-list .li .bottom .left .one { font-size: 1.3rem; margin: 6px 13px 0 0; text-align: right; color: #fff; }

.goods-pingdan-list .li .bottom .left .one .money { font-size: 2.2rem; }

.goods-pingdan-list .li .bottom .left .two { font-size: 1.2rem; margin: 8px 13px 0 0; text-align: right; color: #9b9b9b; }

.goods-pingdan-list .li .bottom .right { font-size: 1.7rem; line-height: 52px; position: relative; float: left; width: 33.33%; height: 52px; text-align: center; color: #fff; background: #ff3737; }

.goods-pingdan-list .li .bottom .right-icon { position: absolute; top: 34%; left: 75%; width: 10px; height: 18px; background: url(../imgs/back_white_icon.png) no-repeat; -webkit-background-size: 10px 18px; background-size: 10px 18px; }

.sort-public-title { font-size: 1.6rem; line-height: 32px; height: 34px; padding-left: 7px; color: #9b9b9b; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.topic-list .li { width: 100%; height: 146px; margin-bottom: 6px; }

.topic-list .li .a { position: relative; display: block; }

.topic-list .li .img { width: 100%; height: 146px; }

.topic-list .li .bottom { font-size: 2.2rem; line-height: 45px; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; padding-left: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .8), transparent); }

.topic-list .li .top { font-size: 1.0rem; line-height: 20px; position: absolute; top: 8px; right: 7px; width: 56px; height: 20px; padding-left: 12px; text-align: center; color: #fff; border-radius: 50px; background: rgba(0, 0, 0, .5); }

.topic-list .li .top .like-icon { position: absolute; top: 5px; left: 7px; width: 11px; height: 10px; background: url(../imgs/like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.topic-list .li .top .nolike-icon { position: absolute; top: 5px; left: 7px; width: 11px; height: 10px; background: url(../imgs/no_like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.goods-list { width: 100%; padding: 7px; }

.goods-list .li { float: left; width: 49%; height: 225px; margin: 0 2% 7px 0; border: 1px solid #e5e5e5; background: #fff; }

.goods-list .li:nth-child(2n) { margin-right: 0; }

.goods-list .li .a { position: relative; display: block; }

.goods-list .li .img { width: 100%; height: 146px; }

.goods-list .li .title { font-size: 1.4rem; overflow: hidden; width: 90%; margin-top: 8px; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; color: #000; }

.goods-list .li .bottom { width: 100%; margin-top: 30px; padding: 0 10px; }

.goods-list .li .bottom .money { font-size: 1.4rem; font-weight: bold; float: left; color: #ff3737; }

.goods-list .li .bottom .like-number { font-size: 1.2rem; float: right; color: #000; }

.goods-list .li .bottom .like-number .like-icon { display: inline-block; width: 11px; height: 10px; background: url(../imgs/like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.goods-list .li .bottom .like-number .nolike-icon { display: inline-block; width: 11px; height: 10px; background: url(../imgs/no_like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.goods-list-none { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.goods-list-none .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.goods-list-none .text { font-size: 1.6rem; color: #9b9b9b; }


/* index end */


/* DaV shop start */

.dav-shop-header { position: relative; width: 100%; height: 157px; }

.dav-shop-header .img { width: 100%; height: 157px; }

.dav-shop-header .bottom { line-height: 34px; position: absolute; bottom: 0; left: 0; width: 100%; height: 34px; background: rgba(0, 0, 0, .5); }

.dav-shop-header .bottom .left { font-size: 1.6rem; float: left; padding-left: 72px; color: #fff; }

.dav-shop-header .bottom .img { position: absolute; top: -30px; left: 10px; width: 56px; height: 56px; border-radius: 50%; }

.dav-shop-header .bottom .right { font-size: 1.3rem; float: right; margin-right: 14px; color: #fff; }

.dav-shop-header .bottom .right .like-icon { display: inline-block; width: 11px; height: 10px; background: url(../imgs/like_heart.png) 0 1px no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.dav-shop-header .bottom .right .nolike-icon { display: inline-block; width: 11px; height: 10px; background: url(../imgs/no_like_heart.png) 0 1px no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.padding-56 { padding-top: 56px; }

.all_sort_stars { height: 56px; padding: 4px 0; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.all_sort_stars .li { float: left; width: 33.33%; height: 46px; border-right: 1px solid #e5e5e5; }

.all_sort_stars .li:last-child { border-right: none; }

.all_sort_stars .li .text { font-size: 1.4rem; display: block; margin-top: 4px; color: #9b9b9b; }

.all_sort_stars .li .img { width: 58px; height: 12px; margin: 8px auto 0; }

.dav_shop_info { font-size: 1.4rem; line-height: 24px; margin-top: 5px; padding: 10px 15px 7px 15px; color: #1a1d21; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.dav_shop_click_see { font-size: 1.6rem; line-height: 56px; position: fixed; bottom: 0; left: 0; width: 100%; height: 56px; text-align: center; color: #fff; background: #5bdf4e; }


/* DaV shop end */


/* goods detail start */

.goods-detail-header { padding: 20px 20px 0 20px; background: #fff; }

.goods-detail-header .bottom { font-size: 1.6rem; line-height: 36px; height: 36px; color: #9b9b9b; }

.goods-detail-header .left { float: left; height: 36px; }

.goods-detail-header .left .number { font-weight: normal; margin-left: 15px; color: #000; }

.goods-detail-header .right { float: right; height: 36px; }

.goods-detail-info { padding: 7px 20px 14px 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.goods-detail-info .title { font-size: 1.6rem; line-height: 22px; }

.goods-detail-info .money { margin-top: 17px; }

.goods-detail-info .new-money { font-size: 2.8rem; font-weight: bold; margin-right: 16px; color: #ff3737; }

.goods-detail-info .old-money { font-size: 1.6rem; text-decoration: line-through; color: #9b9b9b; }

.goods-detail-shop .a { position: relative; display: block; width: 100%; height: 108px; margin: 5px 0; padding: 20px 24px 0 24px; color: #9b9b9b; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.goods-detail-shop .left { display: table-cell; width: 56px; height: 56px; }

.goods-detail-shop .left .img { width: 56px; height: 56px; border-radius: 50%; }

.goods-detail-shop .middle { display: table-cell; padding-left: 24px; vertical-align: top; }

.goods-detail-shop .middle .shop-name { font-size: 1.6rem; overflow: hidden; width: 100%; margin-top: 10px; color: #000; }

.goods-detail-shop .middle .line { margin-top: 18px; }

.goods-detail-shop .middle .text { font-size: 1.2rem; }

.goods-detail-shop .middle .stars { font-weight: normal; margin: 0 17px 0 10px; color: #000; }

.goods-detail-shop .back-icon { position: absolute; top: 43px; right: 26px; width: 12px; height: 20px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }

.goods-detail-nav { height: 56px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.goods-detail-nav .li { line-height: 54px; float: left; width: 50%; text-align: center; border-right: 1px solid #e5e5e5; }

.goods-detail-nav .li a { font-size: 1.4rem; color: #9b9b9b; }

.goods-detail-nav .li:last-child { border-right: none; }

.goods-detail-backstage-edit { padding-bottom: 56px; }

.goods-detail-footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 56px; }

.goods-detail-footer .li { float: left; width: 33.33%; height: 56px; text-align: center; }

.goods-detail-footer .li:nth-child(1) { background: #5bdf4e; }

.goods-detail-footer .li:nth-child(2) { background: #ff9c01; }

.goods-detail-footer .li:nth-child(3) { width: 33.34%; background: #ff3737; }

.goods-detail-footer .a { font-size: 1.6rem; line-height: 56px; display: block; color: #fff; }

.add-cart { position: fixed; z-index: 2; bottom: 0; left: 0; display: none; width: 100%; padding: 0 8px; background: #fff; }

.add-cart .goods-info { height: 100px; border-bottom: 1px solid #e5e5e5; }

.add-cart .goods-info .left { float: left; width: 135px; height: 135px; margin-top: -48px; }

.add-cart .goods-info .left .img { width: 135px; height: 135px; border: 1px solid #e5e5e5; border-radius: 5px; }

.add-cart .goods-info .middle { float: left; margin-left: 20px; }

.add-cart .goods-info .middle .money { font-size: 1.4rem; margin-top: 18px; color: #ff3737; }

.add-cart .goods-info .middle .stock { font-size: 1.2rem; margin-top: 10px; color: #9b9b9b; }

.add-cart .goods-info .middle .choose { margin-top: 8px; color: #9b9b9b; }

.add-cart .ok { font-size: 1.6rem; line-height: 56px; position: absolute; bottom: 0; left: 0; width: 100%; height: 56px; text-align: center; color: #fff; background: #ff3737; }

.add-cart .close { position: absolute; top: 5px; right: 6px; width: 23px; height: 23px; background: url(../imgs/add_cart_close.png) no-repeat; -webkit-background-size: 23px 23px; background-size: 23px 23px; }

.add-cart .goods-sort { height: 90px; padding-left: 10px; border-bottom: 1px solid #e5e5e5; }

.add-cart .goods-sort .title { font-size: 1.6rem; line-height: 44px; }

.add-cart .goods-sort .li { float: left; margin-right: 12px; }

.add-cart .goods-sort span { font-size: 1.2rem; line-height: 28px; display: block; width: 56px; height: 32px; text-align: center; color: #9b9b9b; border: 1px solid #9b9b9b; }

.add-cart .goods-sort .active { color: #fff; border: none; background: #ff3737; }

.add-cart .goods-number { font-size: 1.6rem; height: 110px; padding: 10px 24px 0 10px; }

.add-cart .goods-number .left { font-weight: bold; float: left; }

.add-cart .goods-number .right { float: right; height: 40px; }

.add-cart .goods-number .less { float: left; width: 24px; height: 24px; background: url(../imgs/less.png) no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; }

.add-cart .goods-number .number { float: left; width: 75px; height: 24px; text-align: center; }

.add-cart .goods-number .add { float: left; width: 24px; height: 24px; background: url(../imgs/add.png) no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; }


/* goods detail end */


/* share order start */

.share-order-list { padding: 8px; }

.share-order-list .li { position: relative; float: left; width: 49%; height: 304px; margin-right: 2%; margin-bottom: 8px; border: 1px solid #e5e5e5; background: #fff; }

.share-order-list .li:nth-child(2n) { margin-right: 0; }

.share-order-list .li .showdetail { display: block; height: 255px; }

.share-order-list .li .showuser { display: block; height: 47px; }

.share-order-list .li .img { width: 100%; height: 220px; }

.share-order-list .li .top { line-height: 20px; position: absolute; top: 192px; right: 4px; width: 56px; height: 20px; padding-left: 12px; text-align: center; color: #fff; border-radius: 50px; background: rgba(0, 0, 0, .5); }

.share-order-list .li .top .like-icon { position: absolute; top: 5px; left: 7px; width: 11px; height: 10px; background: url(../imgs/like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.share-order-list .li .top .nolike-icon { position: absolute; top: 5px; left: 7px; width: 11px; height: 10px; background: url(../imgs/no_like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.share-order-list .li .title { font-size: 1.4rem; line-height: 35px; overflow: hidden; width: 90%; height: 36px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; color: #000; border-bottom: 1px solid #e5e5e5; }

.share-order-list .li .bottom { display: table; width: 90%; margin: 6px auto; }

.share-order-list .li .bottom .left { display: table-cell; width: 34px; height: 34px; }

.share-order-list .li .bottom .left .img { width: 34px; height: 34px; border-radius: 50%; }

.share-order-list .li .bottom .middle { display: table-cell; padding-left: 10px; vertical-align: top; }

.share-order-list .li .bottom .username { font-size: 1.4rem; color: #000; }

.share-order-list .li .bottom .date { font-size: 1.2rem; margin-top: 9px; color: #9b9b9b; }

.share-order-list-null { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.share-order-list-null .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.share-order-list-null .text { font-size: 1.6rem; color: #9b9b9b; }


/* share order end */


/* pindan progress start */

.pindan-progress { padding: 18px 10px; background: #fff; }

.pindan-progress li { float: left; width: 24%; height: 24px; margin-right: 1.33%; color: #9b9b9b; }

.pindan-progress li:last-child { margin-right: 0; }

.pindan-progress li .number { line-height: 22px; float: left; width: 24px; height: 24px; margin: 0 auto; margin-right: 11px; text-align: center; border: 1px dashed #9b9b9b; border-radius: 50%; }

.pindan-progress li .text { font-size: 1.1rem; line-height: 1.2; float: left; }

.pindan-progress .active { color: #ff3737; }

.pindan-progress .active .number { color: #fff; border: none; background: #ff3737; }


/* pindan progress end */


/* goods evaluation start */

.goods-evaluation { margin-bottom: 10px; padding: 12px; }

.goods-evaluation .li { display: table; width: 100%; padding-top: 8px; }

.goods-evaluation .li .left { display: table-cell; width: 68px; padding-right: 12px; vertical-align: top; }

.goods-evaluation .li .left .img { width: 56px; height: 56px; border-radius: 50%; }

.goods-evaluation .li .right { font-size: 1.4rem; display: table-cell; vertical-align: top; border-bottom: 1px solid #e4e4e4; }

.goods-evaluation .li .right .username { margin: 11px 0 9px 0; }

.goods-evaluation .li .right .stars { height: 12px; }

.goods-evaluation .li .right .stars .img { width: 58px; height: 12px; }

.goods-evaluation .li .right .text { line-height: 22px; margin: 8px 0; }

.goods-evaluation .li .right .date { margin-bottom: 8px; color: #a9a9a9; }

.goods-evaluation-empty { font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.goods-evaluation-empty .text { color: #9b9b9b; }


/* goods evaluation end */


/* register start */

.register { position: relative; margin-top: 6px; }

.register input[type=number],
.register input[type=password] { font-size: 1.6rem; line-height: 28px; width: 100%; padding-left: 14px; color: #9b9b9b; }

.register .number { height: 50px; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.register .code { height: 49px; margin-bottom: 6px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }

.register .send-code { font-size: 1.6rem; line-height: 32px; position: absolute; top: 56px; right: 10px; width: 106px; height: 34px; text-align: center; color: #ff3737; border: 1px solid #ff3737; border-radius: 5px; background: #fff; }

.register .password { height: 50px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.register .again-psd { height: 49px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }

.register .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 0 auto; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }

.register .error { font-size: 1.4rem; line-height: 30px; width: 100%; height: 30px; margin-bottom: 10px; padding-left: 14px; color: #ff3737; }


/* register end */


/* davshop start */

.davshop-list .li { height: 108px; margin-top: 6px; padding-left: 24px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.davshop-list .a { position: relative; display: table; width: 100%; height: 106px; color: #9b9b9b; }

.davshop-list .left { display: table-cell; width: 80px; padding-right: 24px; vertical-align: middle; }

.davshop-list .left .img { width: 56px; height: 56px; border-radius: 50%; }

.davshop-list .middle { font-size: 1.6rem; display: table-cell; vertical-align: top; }

.davshop-list .middle .shop-name { height: 16px; margin-top: 16px; color: #000; }

.davshop-list .middle .prompt { overflow: hidden; width: 80%; height: 16px; margin: 10px 0; text-overflow: ellipsis; }

.davshop-list .middle .number { height: 16px; margin: 0 26px 0 14px; color: #000; }

.davshop-list .back-icon { position: absolute; top: 43px; right: 26px; width: 12px; height: 20px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }


/* davshop end */


/* forget password start  */


/* register start */

.forget-psd { position: relative; margin-top: 6px; }

.forget-psd input[type=number],
.forget-psd input[type=password] { font-size: 1.6rem; line-height: 28px; width: 100%; padding-left: 14px; color: #9b9b9b; }

.forget-psd .number { height: 50px; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.forget-psd .code { height: 49px; margin-bottom: 6px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }

.forget-psd .send-code { font-size: 1.6rem; line-height: 32px; position: absolute; top: 56px; right: 10px; width: 106px; height: 34px; text-align: center; color: #ff3737; border: 1px solid #ff3737; border-radius: 5px; background: #fff; }

.forget-psd .password { height: 50px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.forget-psd .again-psd { height: 49px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }

.forget-psd .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 0 auto; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }

.forget-psd .error { font-size: 1.4rem; line-height: 30px; width: 100%; height: 30px; margin-bottom: 10px; padding-left: 14px; color: #ff3737; }


/* register end */


/* forget password end  */


/* group buy start */

.group-buy-header { height: 70px; background: #fff; }

.group-buy-header .title-wrap { font-size: 1.6rem; line-height: 40px; width: 110px; height: 40px; margin: 0 auto; text-align: right; color: #5bdf4e; background: url(../imgs/selected.png) 0 10px no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; }

.group-buy-header .text { font-size: 1.4rem; line-height: 30px; height: 30px; text-align: center; color: #9b9b9b; }

.group-buy-goods { display: table; width: 100%; height: 110px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.group-buy-goods .left { display: table-cell; width: 108px; padding: 0 8px 0 16px; vertical-align: middle; }

.group-buy-goods .left .img { width: 84px; height: 84px; border-radius: 5px; }

.group-buy-goods .middle { display: table-cell; }

.group-buy-goods .middle .one { font-size: 1.6rem; overflow: hidden; width: 90%; height: 16px; margin-top: 16px; text-decoration: ellipsis; }

.group-buy-goods .middle .title { float: left; overflow: hidden; width: 80%; height: 16px; }

.group-buy-goods .middle .two { height: 20px; margin-top: 15px; }

.group-buy-goods .middle .two .people { font-size: 1.4rem; color: #9b9b9b; }

.group-buy-goods .middle .two .tuanPrice { font-size: 2.0rem; color: #ff3737; }

.group-buy-goods .middle .three { margin-top: 8px; }

.group-buy-goods .middle .three .a { font-size: 1.4rem; display: block; color: #9b9b9b; }

.group-buy-user-wrap { position: relative; height: 76px; }
.group-buy-user { position: absolute; margin: 18px auto;  left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.group-buy-user .li { float: left; width: 40px; height: 40px; margin-right: 15px; }

.group-buy-user .li:last-child { margin-right: 0; }

.group-buy-user .li .img { width: 40px; height: 40px; border-radius: 50%; }

.group-buy-user .li:first-child { position: relative; }

.group-buy-user .li:first-child .tuan-icon { position: absolute; top: -12px; right: -3px; width: 20px; height: 20px; background: url(../imgs/tuan_icon.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; }

.group-buy-info { font-size: 1.4rem; margin-bottom: 20px; text-align: center; color: #9b9b9b; }

.group-buy-info .red { font-size: 1.8rem; font-weight: bold; color: #ff3737; }

.group-buy-surplus-time { font-size: 1.4rem; line-height: 20px; height: 20px; }

.group-buy-surplus-time .left { float: left; width: 30%; height: 1px; margin-top: 9px; background: #9b9b9b; }

.group-buy-surplus-time .middle { font-size: 1.3rem; line-height: 20px; float: left; width: 40%; height: 20px; text-align: center; }

.group-buy-surplus-time .middle .red { font-weight: bold; color: #ff3737; }

.group-buy-surplus-time .right { float: right; width: 30%; height: 1px; margin-top: 9px; background: #9b9b9b; }

.group-buy-kaituan-time { font-size: 1.3rem; line-height: 40px; position: relative; height: 40px; margin-top: 10px; background: #404040; }

.group-buy-kaituan-time .left { float: left; height: 40px; }

.group-buy-kaituan-time .left .img { width: 30px; height: 30px; margin: 5px 8px 0 10px; border-radius: 50%; }

.group-buy-kaituan-time .middle { float: left; color: #fff; }

.group-buy-kaituan-time .right { float: right; margin-right: 5px; color: #9b9b9b; }

.group-buy-kaituan-time:after { position: absolute; top: -16px; left: 50%; content: ''; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border: 8px solid transparent; border-bottom: 8px solid #404040; }

.group-buy-less { line-height: 58px; display: table; width: 100%; height: 58px; }

.group-buy-less .left { display: table-cell; width: 50px; padding: 0 10px; vertical-align: middle; }

.group-buy-less .left .img { width: 30px; height: 30px; border-radius: 50%; }

.group-buy-less .middle { font-size: 1.3rem; display: table-cell; color: #9b9b9b; }

.group-buy-chakan { font-size: 1.4rem; height: 21px; padding: 0 10px; border-top: 1px solid #e5e5e5; background: #fff; }

.group-buy-chakan .left { float: left; margin-top: 8px; color: #9b9b9b; }

.group-buy-chakan .right { position: relative; float: right; margin-top: 8px; padding-right: 15px; color: #9b9b9b; }

.group-buy-chakan .right .back-icon { position: absolute; top: -1px; right: 0; width: 10px; height: 16px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 10px 16px; background-size: 10px 16px; }

.group-buy-footer { width: 100%; height: 50px; }

.group-buy-footer .yaoqing { font-size: 1.2rem; line-height: 16px; height: 50px; padding: 10px 0; text-align: center; color: #fff; background: #ff3737; }

.group-buy-footer .yeyao { display: table; width: 100%; height: 50px; }

.group-buy-footer .home-icon { display: table-cell; width: 50px; height: 50px; vertical-align: middle; border-right: 1px solid #9b9b9b; background: #3e3e3e; }

.group-buy-footer .home-icon .img { width: 21px; height: 24px; margin: 0 auto; }

.group-buy-footer .fenxiang-icon { display: table-cell; width: 50px; height: 50px; vertical-align: middle; background: #3e3e3e; }

.group-buy-footer .fenxiang-icon .img { width: 21px; height: 24px; margin: 0 auto; }

.group-buy-footer .my-join { font-size: 1.4rem; line-height: 50px; display: table-cell; height: 50px; text-align: center; color: #fff; background: #ff3737; }

.group-buy-goods-detail .img { width: 100%; height: 225px; }

.group-buy-goods-detail .title { font-size: 1.6rem; line-height: 34px; overflow: hidden; height: 34px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; color: #000; }

.group-buy-goods-detail .desc { font-size: 1.2rem; line-height: 18px; padding: 0 10px; color: #9b9b9b; }

.group-buy-goods-detail .money-yishou { font-size: 1.4rem; padding: 17px 10px 12px 10px; color: #9b9b9b; }

.group-buy-goods-detail .money-yishou .left { float: left; }

.group-buy-goods-detail .money-yishou .right { float: right; }

.group-buy-prompt { font-size: 1.4rem; line-height: 18px; padding: 0 10px; color: #ff3737; }

.group-buy-money { height: 98px; padding: 12px 10px 18px 10px; text-align: center; }

.group-buy-money .one { font-size: 2.1rem; line-height: 40px; height: 40px; color: #fff; }

.group-buy-money .two { font-size: 1.4rem; line-height: 28px; display: block; height: 28px; color: #fff; background: #3e3e3e; }

.group-buy-money .left { float: left; width: 49%; height: 68px; margin-right: 2%; }

.group-buy-money .left .one { background: #ff3737; }

.group-buy-money .right { float: left; width: 49%; height: 68px; }

.group-buy-money .right .one { background: #5bdf4e; }

.group-buy-info-title { font-size: 1.6rem; line-height: 36px; padding-left: 10px; color: #b6b6b6; }

.pindan-progress2 { background: #f6f6f6; }

.group-buy-info-text { font-size: 1.4rem; padding: 0 10px; color: #999; }

.group-buy-info-text .li { display: table; width: 100%; margin: 26px 0; }

.group-buy-info-text .li:first-child { margin-top: 10px; }

.group-buy-info-text .li .left { display: table-cell; width: 30px; text-align: left; }

.group-buy-info-text .li .right { line-height: 20px; display: table-cell; text-align: justify; }


/* group buy end */


/* show start */

.focus4 .bottom { line-height: 20px; position: absolute; right: 7px; bottom: 8px; width: 56px; height: 20px; padding-left: 12px; text-align: center; color: #fff; border-radius: 50px; background: rgba(0, 0, 0, .5); }

.focus4 .bottom .like-icon { position: absolute; top: 5px; left: 7px; width: 11px; height: 10px; background: url(../imgs/like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.focus4 .bottom .nolike-icon { position: absolute; top: 5px; left: 7px; width: 11px; height: 10px; background: url(../imgs/no_like_heart.png) no-repeat; -webkit-background-size: 11px 10px; background-size: 11px 10px; }

.widget-user-line { display: table; width: 100%; height: 50px; padding: 10px 15px; background: #fff; }

.widget-user-line .left { display: table-cell; width: 38px; padding-right: 8px; }

.widget-user-line .left .img { width: 30px; height: 30px; border-radius: 50%; }

.widget-user-line .middle { display: table-cell; vertical-align: top; }

.widget-user-line .middle .username { font-size: 1.4rem; height: 12px; margin-bottom: 4px; color: #000; }

.widget-user-line .middle .date { font-size: 1.2rem; height: 12px; color: #9b9b9b; }

.widget-user-line .right { display: table-cell; width: 60px; height: 32px; text-align: center; vertical-align: top; }

.widget-user-line .right .add-attention { width: 20px; height: 27px; margin: 0 auto; }

.widget-user-line .right .cancel-attention { width: 50px; height: 27px; margin: 0 auto 0; }

.widget-user-go-buy { font-size: 1.6rem; line-height: 50px; display: block; width: 100%; height: 50px; text-align: center; color: #fff; background: #ff3737; }

.widget-user-cover { position: relative; height: 190px; padding-top: 34px; text-align: center; background: url(../imgs/transparent_bg.png); }

.widget-user-cover .img { width: 66px; height: 66px; margin: 0 auto 7px; border-radius: 50%; }

.widget-user-cover .name-h2 { font-size: 1.6rem; position: absolute; left: 50%; height: 16px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #fff; }

.widget-user-cover .name { display: inline-block; }

.widget-user-cover .women { display: inline-block; width: 15px; height: 15px; margin-left: 5px; }

.widget-user-cover .men { display: inline-block; width: 15px; height: 15px; margin-left: 5px; }

.widget-user-cover .signature {     width: 90%; overflow: hidden; font-size: 1.2rem; height: 12px; margin: 34px auto 8px; color: #fff; }

.widget-user-cover .add-attention { width: 100px; height: 25px; margin: 0 auto; }

.widget-user-cover .cancel-attention { width: 100px; height: 25px; margin: 0 auto; }

.widget-user-cover .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 190px; }

.find-nav { position: fixed; z-index: 1; width: 100%; height: 45px; border-bottom: 1px solid #b2b2b2; background: #f0f0f6; ; }

.find-nav .line { height: 44px; text-align: center; background: #fff; }

.find-nav .line a { font-size: 16px; line-height: 44px; display: inline-block; height: 44px; color: #9b9b9b; }

.find-nav .line .active { color: #ff3737; border-bottom: 2px solid #ff3737; }

.find-nav .share-click { font-size: 1.2rem; position: absolute; top: 16px; right: 10px; color: #ff3737; }

.padding-45 { padding-top: 45px; }


/* show end */


/* cart start  */

.cart-empty { font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.cart-empty .one { color: #000; }

.cart-empty .two { margin: 12px 0 25px 0; color: #9b9b9b; }

.cart-empty .three { font-size: 16px; line-height: 50px; display: block; width: 170px; height: 50px; color: #fff; border-radius: 4px; background: #5bdf4e; }


/* cart end  */


/* topic start */

.topic-detail-header { position: relative; width: 100%; height: 157px; }

.topic-detail-header .img { width: 100%; height: 157px; }

.topic-detail-header .bottom { line-height: 34px; position: absolute; bottom: 0; left: 0; width: 100%; height: 34px; background: rgba(0, 0, 0, .5); }

.topic-detail-header .bottom .left { font-size: 1.6rem; float: left; padding-left: 15px; color: #fff; }


/* topic end */


/* category start  */

.category .li { float: left; width: 50%; height: 75px; border-bottom: 1px solid #e5e5e5; }

.category .li .a { line-height: 25px; display: block; height: 50px; margin-top: 12px; border-right: 1px solid #e5e5e5; }

.category .li:nth-child(2n) .a { border-right: none; }

.category .a .left { float: left; width: 63px; padding-left: 13px; }

.category .a .left .img { width: 50px; height: 50px; border-radius: 50%; }

.category .a .right { float: left; padding-left: 17px; }

.category .a .right .name { font-size: 15px; color: #000; }

.category .a .right .tips { font-size: 13px; color: #9b9b9b; }


/* category end  */


/* category list start */

.category-list-nav { height: 51px; border-bottom: 1px solid #e5e5e5; background: #fff; }

.category-list-nav .li { float: left; width: 25%; height: 30px; margin-top: 10px; }

.category-list-nav a { font-size: 1.4rem; line-height: 30px; display: block; height: 30px; text-align: center; color: #000; border-right: 1px solid #e5e5e5; }

.category-list-nav .active { color: #5bdf4e; }


/* category list end */


/* user center start */

.user-ucenter { position: relative; height: 190px; padding-top: 34px; text-align: center; background: url(../imgs/transparent_bg.png); }

.user-ucenter .img { width: 66px; height: 66px; margin: 0 auto 7px; border-radius: 50%; }

.user-ucenter .name-h2 { font-size: 1.6rem; position: absolute; left: 50%; height: 16px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #fff; }

.user-ucenter .name { display: inline-block; }

.user-ucenter .women { display: inline-block; width: 15px; height: 15px; margin-left: 5px; }

.user-ucenter .men { display: inline-block; width: 15px; height: 15px; margin-left: 5px; }

.user-ucenter .signature { width: 90%; overflow: hidden; font-size: 1.2rem; height: 12px; margin: 34px auto 8px; color: #fff; }

.user-ucenter .edit { font-size: 1.2rem; line-height: 25px; display: block; width: 100px; height: 25px; margin: 0 auto; color: #fff; border-radius: 30px; background: #ff9c00; }

.user-ucenter .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 190px; }

.user-ucenter-ul { margin-top: 5px; padding-bottom: 20px; }

.user-ucenter-ul .li { font-size: 1.6rem; line-height: 54px; position: relative; height: 56px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.user-ucenter-ul .li .a { display: block; width: 100%; height: 54px; }

.user-ucenter-ul .li:first-child { margin-bottom: 5px; }

.user-ucenter-ul .li:nth-child(3) { margin-bottom: 5px; }

.user-ucenter-ul .li:nth-child(2) { border-bottom: none; }

.user-ucenter-ul .li:nth-child(4) { border-bottom: none; }

.user-ucenter-ul .li .left { float: left; padding-left: 16px; color: #9b9b9b; }

.user-ucenter-ul .li .middle { float: left; padding-left: 16px; color: #ff3737; }

.user-ucenter-ul .li .posa { position: absolute; bottom: 0; left: 100px; color: #ff3737; }

.user-ucenter-ul .li .back-icon { position: absolute; top: 17px; right: 15px; width: 12px; height: 20px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }

.user-ucenter-money { text-align: center; }

.user-ucenter-money .info { font-size: 1.24rem; margin: 18px 0; color: #9b9b9b; }

.user-ucenter-money .money { font-size: 3.0rem; font-weight: bold; margin-bottom: 35px; color: #ff3737; }

.user-ucenter-deposit { height: 50px; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.user-ucenter-deposit .a { font-size: 1.4rem; line-height: 48px; display: block; float: left; width: 50%; height: 48px; color: #9b9b9b; }

.user-ucenter-deposit .a:first-child { border-right: 1px solid #e5e5e5; }


/* user center end */


/* order list start */

.order-list-nav { height: 51px; padding: 10px; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-list-nav .li { line-height: 28px; float: left; width: 33.33%; height: 30px; text-align: center; border: 1px solid #5bdf4e; }

.order-list-nav .li:first-child { border-right: none; border-radius: 5px 0 0 5px; }

.order-list-nav .li:last-child { border-left: none; border-radius: 0 5px 5px 0; }

.order-list-nav a { font-size: 1.4rem; display: block; color: #5bdf4e; }

.order-list-nav .active { color: #fff; background: #5bdf4e; }

.order-list-goods .li { margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-list-goods .one { line-height: 50px; display: block; height: 51px; padding: 0 10px; border-bottom: 1px dashed #e5e5e5; }

.order-list-goods .one .left { font-size: 1.6rem; float: left; margin-right: 14px; color: #000; }

.order-list-goods .one .middle { float: left; width: 12px; height: 20px; margin-top: 15px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }

.order-list-goods .one .right { font-size: 1.4rem; float: right; color: #ff3737; }

.order-list-goods .two { display: table; width: 100%; height: 101px; padding: 0 10px; border-bottom: 1px solid #e5e5e5; }

.order-list-goods .two .left { display: table-cell; width: 80px; padding: 0 5px 0 0; vertical-align: middle; }

.order-list-goods .two .left .img { width: 75px; height: 75px; border: 1px solid #e5e5e5; border-radius: 5px; }

.order-list-goods .two .middle { display: table-cell; vertical-align: top; }

.order-list-goods .two .middle .goods-name { font-size: 1.4rem; line-height: 24px; overflow: hidden; height: 45px; margin-top: 10px; color: #000; }

.order-list-goods .two .middle .yongjin { font-size: 1.4rem; overflow: hidden; height: 14px; margin-top: 5px; color: #ff3737; }

.order-list-goods .two .right { font-size: 1.4rem; display: table-cell; width: 70px; text-align: right; vertical-align: top; color: #000; }

.order-list-goods .two .right .money { height: 12px; margin-top: 20px; }

.order-list-goods .two .right .number { height: 12px; margin-top: 5px; }

.order-list-goods .three { font-size: 1.4rem; width: 100%; padding: 0 10px; }

.order-list-goods .three .left { line-height: 24px; float: left; width: 245px; margin: 10px 0; color: #000; }

.order-list-goods .three .left .money { color: #ff3737; }

.order-list-goods .three .right { line-height: 28px; float: right; width: 85px; height: 30px; margin: 5px 0 5px 10px; text-align: center; vertical-align: top; color: #ff3737; border: 1px solid #ff3737; border-radius: 5px; }

.order-list-null { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.order-list-null .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.order-list-null .text { font-size: 1.6rem; color: #9b9b9b; }


/* order list end */


/* reset pwd start */

.reset-pwd { position: relative; padding-top: 15px; }

.reset-pwd input[type=number],
.reset-pwd input[type=password] { font-size: 1.6rem; line-height: 28px; width: 100%; padding-left: 14px; color: #9b9b9b; background: #fff; }

.reset-pwd .number { height: 50px; padding: 10px 0; border-top: 1px solid #e5e5e5; }

.reset-pwd .password { height: 50px; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.reset-pwd .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 0 auto; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }

.reset-pwd .error { font-size: 1.4rem; line-height: 50px; height: 50px; padding-left: 14px; color: #ff3737; }

.reset-pwd-ok { padding-top: 50px; }

.reset-pwd-ok .a { font-size: 1.4rem; display: block; width: 90%; margin: 0 auto; padding: 10px; text-align: center; color: #000; border: 1px solid #adcf66; background: #f2fddb; }


/* reset pwd end */


/* search result start */

.search-result { position: relative; height: 57px; border-bottom: 1px solid #e5e5e5; background: #fff; }

.search-result .submit { float: left; width: 37px; height: 25px; margin: 15px 0 0 23px; padding-right: 9px; border-right: 2px solid #e5e5e5; background: url(../imgs/search_icon.png) no-repeat; -webkit-background-size: 25px 25px; background-size: 25px 25px; }

.search-result .text { font-size: 1.6rem; line-height: 36px; float: left; height: 56px; padding: 10px 0 10px 9px; }

.search-result .cancel { font-size: 1.6rem; position: absolute; top: 20px; right: 12px; color: #ff3737; }

.search-result-null { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.search-result-null .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.search-result-null .text { font-size: 1.6rem; color: #9b9b9b; }

.search-result-yes .li .a { display: block; display: table; width: 100%; height: 84px; margin-top: 13px; padding: 14px 0; background: #fff; }

.search-result-yes .li .left { display: table-cell; width: 100px; padding: 0 23px 0 21px; vertical-align: middle; }

.search-result-yes .li .left .img { width: 56px; height: 56px; border-radius: 50%; }

.search-result-yes .li .middle { font-size: 1.6rem; display: table-cell; height: 16px; margin-top: 6px; color: #000; }


/* search result end */


/* user likes start */

.user-nav { position: fixed; z-index: 1; width: 100%; height: 45px; border-bottom: 1px solid #b2b2b2; background: #f0f0f6; ; }

.user-nav .line { height: 44px; text-align: center; background: #fff; }

.user-nav .line a { font-size: 16px; line-height: 44px; display: inline-block; height: 44px; color: #9b9b9b; }

.user-nav .line .active { color: #ff3737; border-bottom: 2px solid #ff3737; }

.user-nav .share-click { font-size: 1.2rem; position: absolute; top: 16px; right: 10px; color: #ff3737; }

.goods-list-null { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.goods-list-null .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.goods-list-null .text { font-size: 1.6rem; color: #9b9b9b; }

.davshop-list-null { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.davshop-list-null .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.davshop-list-null .text { font-size: 1.6rem; color: #9b9b9b; }


/* user likes end */


/* user fans attention start */

.user-fans-attention .li { display: table; width: 100%; height: 57px; border-bottom: 1px solid #e5e5e5; }

.user-fans-attention .li .left { display: table-cell; width: 63px; padding: 0 11px 0 18px; vertical-align: middle; }

.user-fans-attention .li .left .img { width: 34px; height: 34px; border-radius: 50%; }

.user-fans-attention .li .middle { display: table-cell; vertical-align: top; }

.user-fans-attention .li .middle .user-name { font-size: 1.6rem; height: 16px; margin-top: 12px; color: #000; }

.user-fans-attention .li .middle .men { display: inline-block; width: 15px; height: 15px; }

.user-fans-attention .li .middle .women { display: inline-block; width: 15px; height: 15px; }

.user-fans-attention .li .middle .info { font-size: 1.4rem; height: 12px; margin-top: 6px; color: #9b9b9b; }

.user-fans-attention .li .right { font-size: 1.4em; display: table-cell; width: 52px; text-align: center; vertical-align: middle; color: #9b9b9b; }

.user-fans-attention .li .right .add { display: block; width: 16px; height: 16px; margin: 0 auto; background: url(../imgs/add_attention3.png) no-repeat; }

.user-fans-attention .li .right .cancel { display: block; width: 16px; height: 16px; margin: 0 auto; background: url(../imgs/cancel_attention.png) no-repeat; }

.user-fans-attention-null { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.user-fans-attention-null .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.user-fans-attention-null .text { font-size: 1.6rem; color: #9b9b9b; }


/* user fans attention end */


/* user edit start */

.user-edit { padding: 30px 0; }

.user-edit .img { width: 56px; height: 56px; margin: 0 auto 8px; border-radius: 50%; }

.user-edit .click-modify { font-size: 1.6rem; padding-bottom: 12px; text-align: center; color: #9b9b9b; border-bottom: 1px solid #e5e5e5; }

.user-edit .code { font-size: 1.6rem; line-height: 32px; display: none; width: 100%; height: 53px; padding: 10px 0 10px 40px; border-bottom: 1px solid #e5e5e5; }

.user-edit .line { font-size: 1.6rem; line-height: 54px; position: relative; display: block; height: 55px; border-bottom: 1px solid #e5e5e5; }

.user-edit .line .send-code { font-size: 1.4rem; line-height: 32px; position: absolute; top: 10px; right: 20px; width: 80px; height: 34px; text-align: center; color: #ff3737; border: 1px solid #ff3737; border-radius: 5px; background: #fff; }

.user-edit .line .left { float: left; width: 135px; padding-left: 40px; color: #9b9b9b; }

.user-edit .line .right-name { font-size: 1.6rem; line-height: 38px; float: left; height: 38px; margin: 7px 0; padding: 10px 0 10px 10px; color: #9b9b9b; border-left: 2px solid #d6d6d6; }

.user-edit .line .right-shengri { font-size: 1.6rem; line-height: 38px; float: left; height: 38px; margin: 7px 0; padding: 10px 0 10px 10px; color: #9b9b9b; border-left: 2px solid #d6d6d6; }

.user-edit .line .right-qianming { font-size: 1.6rem; line-height: 38px; float: left; height: 38px; margin: 7px 0; padding: 10px 0 10px 10px; color: #9b9b9b; border-left: 2px solid #d6d6d6; }

.user-edit .line .right-area { font-size: 1.6rem; line-height: 38px; float: left; height: 38px; margin: 7px 0; padding: 10px 0 10px 10px; color: #9b9b9b; border-left: 2px solid #d6d6d6; }

.user-edit .line .right-mobile-number { font-size: 1.6rem; line-height: 38px; float: left; height: 38px; margin: 7px 0; padding: 10px 0 10px 10px; color: #9b9b9b; border-left: 2px solid #d6d6d6; }

.user-edit .line .middle-mobile-number { color: #000; }

.user-edit .line .right-no-choose { font-size: 1.2rem; color: #9b9b9b; }

.user-edit .line .right-sex .sex { margin: 0 18px 0 4px; }

.user-edit .line .right-sex input[type='radio'] { position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; background: url(../imgs/radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.user-edit .line .right-sex input[type='radio']:checked { position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; background: url(../imgs/checked_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.user-edit .error { font-size: 1.4rem; line-height: 50px; height: 50px; padding-left: 40px; color: #ff3737; }

.user-edit .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 0 auto 20px; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }


/* user edit end */


/* address edit start */

.user-address-list .li { font-size: 1.6rem; margin-bottom: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.user-address-list .li:first-child { border-top: none; }

.user-address-list .li .one { height: 42px; padding: 18px 10px 8px 10px; }

.user-address-list .li .one .name { margin-right: 7px; }

.user-address-list .li .two { line-height: 20px; padding: 0 10px 20px 10px; color: #9b9b9b; border-bottom: 1px solid #e5e5e5; }

.user-address-list .li .three { height: 44px; padding: 0 10px; }

.user-address-list .li .three .shezhi-default { line-height: 44px; float: left; color: #9b9b9b; }

.user-address-list .li .three .addrStat { margin-left: 7px; }

.user-address-list .li .three .active { color: #5bdf4e; }

.user-address-list .li .three input[type='radio'] { position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; background: url(../imgs/gray_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.user-address-list .li .three input[type='radio']:checked { position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; background: url(../imgs/checked_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.user-address-list .li .three .shiyong,
.user-address-list .li .three .edit,
.user-address-list .li .three .del { line-height: 34px; float: right; width: 64px; height: 36px; margin-top: 4px; text-align: center; color: #9b9b9b; border: 1px solid #e5e5e5; border-radius: 5px; }

.user-address-list .li .three .edit { margin-left: 4px; }

.user-address-list .li .three .del { margin-left: 4px; }

.user-address-add { padding-top: 40px; }

.user-address-add .prompt { font-size: 1.6rem; padding-bottom: 30px; text-align: center; color: #9b9b9b; }

.user-address-add .img { width: 25px; height: 17px; margin: 0 auto 10px; }

.user-address-add .a { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 0 auto; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }


/* address edit end */


/* user address add start */

.user-address-edit { padding-bottom: 50px; background: #fff; }

.user-address-edit .line { font-size: 1.6rem; line-height: 54px; height: 55px; padding-left: 10px; color: #9b9b9b; border-bottom: 1px solid #e5e5e5; }

.user-address-edit .line label { display: inline-block; width: 110px; text-align: right; }

.user-address-edit .line input { font-size: 1.6rem; line-height: 34px; height: 52px; padding: 10px 0 10px 14px; }

.user-address-edit .line select { line-height: 32px; height: 30px; margin-left: 14px; }

.user-address-edit .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 30px auto 0; margin-bottom: 20px; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }


/* user address add end */


/* submit order start */

.order-wrap { position: relative; height: 100%; }

.order-wrap .address { font-size: 1.6rem; min-height: 110px; margin-bottom: 4px; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-wrap .address .add { display: block; width: 250px; height: 74px; margin: 0 auto; padding-top: 19px; }

.order-wrap .address .add .img { width: 250px; height: 74px; }

.order-wrap .address .address-list { position: relative; display: block; padding: 30px 10px 0 10px; color: #9b9b9b; }

.order-wrap .address .address-list .one { height: 16px; }

.order-wrap .address .address-list .two { line-height: 22px; margin-top: 10px; }

.order-wrap .address .address-list .back-icon { position: absolute; top: 45px; right: 18px; width: 12px; height: 20px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }

.order-wrap .goods { padding: 0 10px; background: #fff; }

.order-wrap .goods .shopName { font-size: 1.6rem; line-height: 54px; display: block; height: 56px; color: #000; border-top: 1px solid #e5e5e5; border-bottom: 1px dashed #e5e5e5; }

.order-wrap .goods .li { display: table; width: 100%; height: 113px; border-bottom: 1px solid #e5e5e5; }

.order-wrap .goods .li .left { display: table-cell; width: 90px; padding-right: 4px; vertical-align: middle; }

.order-wrap .goods .li .left .img { width: 84px; height: 84px; border: 1px solid #e5e5e5; border-radius: 5px; }

.order-wrap .goods .li .middle { display: table-cell; vertical-align: top; }

.order-wrap .goods .li .middle .title { font-size: 1.6rem; overflow: hidden; height: 16px; margin-top: 18px; }

.order-wrap .goods .li .middle .number { font-size: 1.4rem; overflow: hidden; height: 14px; margin-top: 10px; color: #9b9b9b; }

.order-wrap .goods .li .middle .prompt { font-size: 1.4rem; overflow: hidden; height: 14px; margin-top: 10px; color: #9b9b9b; }

.order-wrap .goods .li .right { display: table-cell; text-align: right; vertical-align: top; }

.order-wrap .goods .li .right .price { font-size: 1.4rem; margin-top: 20px; color: #ff3737; }

.order-wrap .goods .li .right .quantity { font-size: 1.4rem; margin-top: 3px; }

.order-wrap .pay .title { font-size: 1.4rem; line-height: 26px; height: 28px; margin-top: 5px; padding-left: 10px; color: #9b9b9b; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-wrap .pay .payInfo { display: block; float: left; width: 50%; height: 51px; padding-left: 16px; border-bottom: 1px solid #e5e5e5; border-radius: 5px; background: #fff; }

.order-wrap .pay .payInfo .img { float: left; width: 40px; height: 40px; margin-top: 5px; }

.order-wrap .pay .payInfo .text { font-size: 1.4rem; line-height: 50px; float: left; padding-left: 10px; }

.order-wrap .pay .payInfo input[type='radio'] { float: right; width: 20px; height: 20px; margin: 15px 15px 0 0; background: url(../imgs/radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .pay .payInfo input[type='radio']:checked { float: right; width: 20px; height: 20px; margin: 15px 15px 0 0; background: url(../imgs/checked_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .pay .yue { font-size: 1.4rem; line-height: 28px; display: block; height: 28px; padding-left: 10px; color: #9b9b9b; background: #fff; }

.order-wrap .pay .yue input[type='checkbox'] { float: left; width: 20px; height: 20px; margin-top: 4px; background: url(../imgs/radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .pay .yue input[type='checkbox']:checked { float: left; width: 20px; height: 20px; margin-top: 4px; background: url(../imgs/checked_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .pay .yue .number { float: left; margin-left: 8px; }

.order-wrap .order-fee-details { width: 100%; height: 108px; }

.order-wrap .order-fee-details .line { font-size: 1.4rem; line-height: 40px; height: 42px; padding-left: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-wrap .order-fee-details .line .left { float: left; }

.order-wrap .order-fee-details .line .middle { float: left; padding-left: 5px; }

.order-wrap .order-fee-details .line .right { float: right; margin-right: 10px; }

.order-wrap .order-fee-details .line .right a { color: #9b9b9b; }

.order-wrap .order-fee-details .line .orderTotalMoney { color: #ff3737; }

.order-wrap .order-fee-details .submitBtn { font-size: 1.6rem; line-height: 54px; width: 100%; height: 54px; text-align: center; color: #fff; background: #ff3737; }

.order-wrap .kuaidi .title { font-size: 1.4rem; line-height: 26px; height: 28px; margin-top: 10px; padding-left: 10px; color: #9b9b9b; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-wrap .kuaidi .label { display: block; width: 100%; padding: 0 10px; background: #fff; }

.order-wrap .kuaidi .label input[type='radio'] { display: inline-block; width: 20px; height: 20px; margin-top: 5px; background: url(../imgs/gray_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .kuaidi .label input[type='radio']:checked { display: inline-block; width: 20px; height: 20px; margin-top: 5px; background: url(../imgs/checked_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .kuaidi .label .kuaidi-prompt { font-size: 1.4rem; line-height: 30px; margin-top: 2px; padding-left: 8px; vertical-align: top; }

.order-wrap .kuaidi .order-user-notes { font-size: 1.4rem; line-height: 30px; width: 100%; height: 40px; margin: 10px auto; padding: 5px 0 5px 10px; color: #9b9b9b; }

.order-wrap .tickets .title { font-size: 1.4rem; line-height: 26px; height: 28px; margin-top: 10px; padding-left: 10px; color: #9b9b9b; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-wrap .tickets .label { display: block; width: 100%; padding: 0 10px; background: #fff; }

.order-wrap .tickets .label input[type='radio'] { display: inline-block; width: 20px; height: 20px; margin-top: 5px; background: url(../imgs/gray_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .tickets .label input[type='radio']:checked { display: inline-block; width: 20px; height: 20px; margin-top: 5px; background: url(../imgs/checked_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.order-wrap .tickets .label .prompt { font-size: 1.4rem; line-height: 30px; margin-top: 2px; padding-left: 8px; vertical-align: top; }

.order-wrap .tickets .no { font: normal 14px/30px 'Helvetica'; height: 30px; padding-left: 16px; color: #9b9b9b; background: #fff; }

.order-wrap .invoice { font-size: 1.4rem; background: #fff; }

.order-wrap .invoice .title { font-size: 1.4rem; line-height: 26px; height: 28px; margin-top: 10px; padding-left: 10px; color: #9b9b9b; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-wrap .invoice label { line-height: 30px; height: 30px; padding-left: 16px; }

.order-wrap .invoice .prompt { width: 150px; padding-left: 10px; border: 1px solid #ccc; }


/* submit order end */


/* release show start */

.release-show { font-size: 14px; position: relative; display: table; width: 100%; height: 98px; margin-top: 5px; padding: 12px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; }

.release-show .left { display: table-cell; width: 95px; padding: 0 17px 0 6px; }

.release-show .left .img { width: 72px; height: 72px; }

.release-show .middle { display: table-cell; vertical-align: top; color: #9b9b9b; }

.release-show .middle .text { width: 100%; height: 50px; }

.release-show .zishu { position: absolute; right: 25px; bottom: 10px; color: #9b9b9b; }

.release-show .submit { position: absolute; bottom: 10px; left: 95px; width: 70px; height: 20px; color: #fff; background: #5bdf4e; }


/* release show end */


/* cart start */

#cart_message { position: fixed; z-index: 5; top: 50%; left: 50%; width: 250px; height: 115px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; border-radius: 4px; background: #fff; }

#cart_message .title { font-size: 14px; line-height: 40px; width: 100%; height: 40px; padding-left: 10px; text-align: left; color: #fff; border-radius: 4px 4px 0 0; background: #5bdf4e; }

#cart_message .jiaru { font-size: 14px; line-height: 35px; width: 100%; height: 35px; padding-left: 10px; text-align: left; color: #000; background: #fff; }

#cart_message .content { font-size: 14px; width: 100%; height: 40px; background: #eee; }

#cart_message .content .jixu,
#cart_message .content .chakan { line-height: 27px; float: right; width: 75px; height: 27px; margin-top: 6px; border-radius: 4px; background: #5bdf4e; }

#cart_message .content .jixu { margin-right: 4px; color: #fff; }

#cart_message .content .chakan { margin-right: 7px; color: #fff; }

.cartBox-li .the-shop-name { font-size: 1.6rem; line-height: 56px; display: block; width: 100%; height: 57px; padding-left: 16px; border-bottom: 1px dashed #e5e5e5; background: #fff; }

.cartBox-li .the-shop-name .shop-name { float: left; margin-left: 20px; }

.cartBox-li .the-shop-name input[type='checkbox'] { float: left; width: 20px; height: 20px; margin-top: 18px; background: url(../imgs/gray_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.cartBox-li .the-shop-name input[type='checkbox']:checked { float: left; width: 20px; height: 20px; margin-top: 18px; background: url(../imgs/selected.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.cartBox-li .the-shop-name .back-icon { float: right; width: 12px; height: 20px; margin: 17px 10px 0 0; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }

.cartBox-li .the-shop-all-goods { padding-left: 16px; background: #fff; }

.cartBox-li .goods-li { position: relative; display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }

.cartBox-li .goods-li .closeBtn { position: absolute; top: 0; right: 10px; width: 20px; height: 20px; background: url(../imgs/add_cart_close.png) no-repeat; background-size: 20px 20px; }

.cartBox-li .goods-li .left { display: table-cell; width: 120px; }

.cartBox-li .goods-li .left input[type='checkbox'] { float: left; width: 20px; height: 20px; margin: 10px 16px 0 0; background: url(../imgs/gray_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.cartBox-li .goods-li .left input[type='checkbox']:checked { float: left; width: 20px; height: 20px; margin: 10px 16px 0 0; background: url(../imgs/selected.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.cartBox-li .goods-li .left .img { float: left; width: 84px; height: 84px; margin: 12px 0; border: 1px solid #e5e5e5; }

.cartBox-li .goods-li .middle { font-size: 1.4rem; display: table-cell; padding-left: 10px; vertical-align: top; }

.cartBox-li .goods-li .middle .goods-name { line-height: 22px; overflow: hidden; height: 43px; margin-top: 14px; }

.cartBox-li .goods-li .middle .money { overflow: hidden; height: 16px; margin-top: 6px; color: #9b9b9b; color: #ff3737; }

.cartBox-li .goods-li .middle .money .del { margin-left: 5px; text-decoration: line-through; color: #9b9b9b; }

.cartBox-li .goods-li .middle .three { margin-top: 10px; }

.cartBox-li .goods-li .middle .three .less { float: left; width: 24px; height: 24px; background: url(../imgs/less.png) no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; }

.cartBox-li .goods-li .middle .three .number { float: left; width: 75px; height: 24px; text-align: center; }

.cartBox-li .goods-li .middle .three .add { float: left; width: 24px; height: 24px; background: url(../imgs/add.png) no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; }

.cartBox .bottom { width: 100%; height: 107px; margin: 20px 0 30px 0; border-top: 1px solid #e5e5e5; }

.cartBox .bottom .line { font-size: 1.6rem; line-height: 50px; display: block; height: 50px; color: #000; background: #fff; }

.cartBox .bottom .line input[type='checkbox'] { float: left; width: 20px; height: 20px; margin: 15px 0 0 16px; background: url(../imgs/gray_radio.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.cartBox .bottom .line input[type='checkbox']:checked { float: left; width: 20px; height: 20px; margin: 15px 0 0 16px; background: url(../imgs/selected.png) no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-appearance: none; }

.cartBox .bottom .line .all-choose { float: left; margin-left: 7px; }

.cartBox .bottom .line .heji { float: right; margin-right: 10px; }

.cartBox .bottom .line .heji .money { margin-left: 10px; color: #ff3737; }

.cartBox .bottom .so-jiesuan { font-size: 1.6rem; line-height: 56px; width: 100%; height: 56px; text-align: center; color: #fff; background: #ff3737; }


/* cart end */


/* order success start */

.order-success { height: 281px; border-bottom: 1px solid #e5e5e5; background: #fff; }

.order-success .title { font-size: 2.0rem; padding-top: 82px; text-align: center; color: #000; }

.order-success .line { margin-top: 70px; padding: 0 15px; }

.order-success .line .li { line-height: 38px; float: left; width: 32%; height: 40px; margin-right: 2%; text-align: center; border-radius: 5px; }

.order-success .line .li .a { font-size: 1.4rem; display: block; }

.order-success .line .li:first-child .a { color: #9b9b9b; }

.order-success .line .li:nth-child(2) { border: 1px solid #ff9c00; }

.order-success .line .li:nth-child(2) .a { color: #ff9c00; }

.order-success .line .li:last-child { margin-right: 0; }

.order-success .line .li:last-child .a { color: #ff3737; }

.guess-you-like { height: 42px; padding: 0 7px; background: #f0f0f0; }

.guess-you-like .left { float: left; width: 35%; height: 42px; margin-top: -16px; border-bottom: 1px solid #9b9b9b; }

.guess-you-like .middle { font-size: 1.6rem; line-height: 48px; float: left; width: 30%; height: 42px; text-align: center; color: #9b9b9b; }

.guess-you-like .right { float: left; width: 35%; height: 42px; margin-top: -16px; border-bottom: 1px solid #9b9b9b; }


/* order success end */


/* order evaluation start */

.order-evaluation { padding: 10px 10px 0 10px; }

.order-evaluation .line { line-height: 45px; display: table; width: 100%; height: 45px; }

.order-evaluation .line .left { display: table-cell; width: 55px; padding: 0 10px 0 0; }

.order-evaluation .line .left .img { width: 45px; height: 45px; border-radius: 5px; }

.order-evaluation .line .middle { font-size: 1.6rem; display: table-cell; vertical-align: top; }

.order-evaluation .line .right { display: table-cell; vertical-align: top; }

.order-evaluation .line .right span { float: left; width: 25px; height: 20px; margin-top: 12px; background: url(../imgs/stars_gray.png) no-repeat; -webkit-background-size: 25px 20px; background-size: 25px 20px; }

.order-evaluation .line .right .show { float: left; width: 25px; height: 20px; margin-top: 12px; background: url(../imgs/stars_yellow.png) no-repeat; -webkit-background-size: 25px 20px; background-size: 25px 20px; }

.order-evaluation .text { width: 100%; height: 40px; margin: 20px 0; padding: 10px 0 0 10px; border: 1px solid #e5e5e5; border-radius: 5px; }

.order-evaluation .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 20px auto 0; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }


/* order evaluation end */


/* order detail start */

.order-detail-header { font-size: 14px; display: table; width: 100%; height: 122px; padding: 20px; border-bottom: 2px solid #f1f1f1; background: #fff; }

.order-detail-header .left { display: table-cell; width: 80px; height: 80px; }

.order-detail-header .left .img { width: 100%; height: 100%; }

.order-detail-header .right { display: table-cell; padding-left: 10px; vertical-align: top; }

.order-detail-header .right .line { overflow: hidden; height: 15px; margin-bottom: 15px; }

.order-detail-header .right .line:nth-child(3) { margin-bottom: 0; color: #f44c06; }

.order-detail-xijie { height: 127px; padding: 10px 20px; border-bottom: 2px dashed #f1f1f1; background: #fff; }

.order-detail-xijie .line { font: normal 12px/20px 'Helvetica'; color: #6a6a6a; }

.order-detail-xijie .line .red { color: #f44c06; }

.order-detail-xijie .line .gray { color: #b4b4b4; }

.order-detail-xinxi { padding: 10px 20px; color: #717171; border-bottom: 2px dashed #f1f1f1; background: #fff; }

.order-detail-xinxi .line { font: normal 12px/30px 'Helvetica'; }

.order-detail-status { padding: 0 20px; background: #fff; }

.order-detail-status .title { font: bold 18px/40px 'Helvetica'; }

.order-detail-status .line { font-size: 16px; line-height: 40px; width: 100%; height: 42px; margin-top: 15px; text-align: center; border: 1px solid #f40; border-radius: 4px; background: #f60; }

.order-detail-status .line a { display: block; color: #fff; }


/* order detail end */


/* user tixian start */

.user-tixian { padding-bottom: 50px; background: #fff; }

.user-tixian .line { font-size: 1.6rem; line-height: 54px; position: relative; height: 55px; padding-left: 10px; color: #9b9b9b; border-bottom: 1px solid #e5e5e5; }

.user-tixian .line label { display: inline-block; width: 40px; text-align: right; color: #000; }

.user-tixian .line input { font-size: 1.6rem; line-height: 32px; height: 52px; padding: 10px 0 10px 14px; }

.user-tixian .line .left { float: left; }

.user-tixian .line .right { float: right; margin-right: 30px; }

.user-tixian .line .bank { float: left; width: 200px; }

.user-tixian .line .back-icon { position: absolute; top: 17px; right: 10px; width: 12px; height: 20px; background: url(../imgs/back_gray_icon.png) no-repeat; -webkit-background-size: 12px 20px; background-size: 12px 20px; }

.user-tixian .submit { font-size: 1.6rem; line-height: 50px; display: block; width: 280px; height: 50px; margin: 0 auto; margin-bottom: 20px; text-align: center; color: #fff; border-radius: 5px; background: #5bdf4e; }

.user-tixian .error { font-size: 1.4rem; line-height: 50px; height: 50px; padding-left: 18px; color: #ff3737; }


/* user tixian end */


/* tixian logs start */

.tixian-logs .li { margin-bottom: 20px; padding: 0 10px; border-bottom: 1px solid #ccc; background: #fff; }

.tixian-logs .li .line { font: normal 1.4rem/30px 'Helvetica'; color: #9b9b9b; }

.tixian-logs .li .line .left { float: left; }

.tixian-logs .li .line .right { float: right; }

.tixian-logs .li .line .money { color: #ff3737; }

.tixian-logs .li .line .status { color: #000; }


/* tixian logs end */


/* footer menu nav start */

.footer-menu-nav-wrap { display: none; }

.padding-56 { height: 56px; }

.footer-menu-nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 56px; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background: #fff; }

.footer-menu-nav .li { float: left; width: 20%;  }

.footer-menu-nav a { height: 54px; padding: 7px 0; font-size: 1.2rem; display: block; text-align: center; color: #7a7e83; }

.footer-menu-nav a .img { height: 20px; margin: 0 auto 8px; }

.footer-menu-nav .active-text { color: #5bdf4e; }


/* footer menu nav end */
